;$(function(){
    // 查询用户
    function searchUser(condition=''){
        $('#userTable').find('tr:not(:first)').remove()
        $.ajax({
            url:'/user/findUserByUsername?condition=' + condition,
            type:'get',
            dataType:'json',
            success:function (data){
                let str = '';
                for(let i = 0;i < data.length;i ++){
                    str += '<tr><td>' + data[i].username + '</td>\n' +
                        ' <td>' + data[i].password + '</td>\n' +
                        ' <td>' + data[i].role + '</td>\n' +
                        '<td><button class="updateBtn btn btn-secondary btn-sm">修改</button>' +
                        '<button class="deleteBtn btn btn-danger btn-sm" style="margin-left: 10px;">删除</button></td></tr>';
                }
                $('#userTable').append(str)
                $('#searchInput').val('')
            }
        })
    }

    $('#search').click(function (){
        const condition = $('#searchInput').val()
        searchUser(condition)
    })

    // 点击修改弹出修改框
    $('#userTable').on('click','.updateBtn',function () {
        const updateNode = $(this).parent().parent()
        const username = updateNode.find('td:first').html()
        $('#updModal').modal('show')
        // 将用户名写入修改框里
        $('#username span').html(username)
    })

    // 修改密码
    $('#update').click(function () {
        const username = $('#username span').text()
        const password = $('#password').val()
        $.ajax({
            url: '/user/updateUser?username=' + username + '&password=' + password,
            type:'get',
            success:function(data){
                alert(data)
                $('#updModal').modal('hide')
                searchUser()
            }
        })
    })

    // 删除用户
    $('#userTable').on('click','.deleteBtn',function () {
        const deleteNode = $(this).parent().parent()
        const username = deleteNode.find('td:first').html()
        if(confirm('是否删除?')){
            $.ajax({
                url: '/user/deleteUser?username=' + username,
                type: 'get',
                success:function (data){
                    alert(data)
                    deleteNode.remove()
                    searchUser()
                }
            })
        }
    })

    // $('#testSearch').click(function(){
    //     const user1 = $('#user1').val()
    //     const user2 = $('#user2').val()
    //     const user3 = $('#user3').val()
    //     $('#userTable').find('tr:not(:first)').remove()
    //     $.ajax({
    //         url:'/user/testSearch?user1=' + user1 + '&user2=' + user2 + '&user3=' + user3,
    //         type:'get',
    //         dataType: 'json',
    //         success:function (data){
    //             let str = '';
    //             for(let i = 0;i < data.length;i ++){
    //                 str += '<tr><td>' + data[i].username + '</td>\n' +
    //                     ' <td>' + data[i].password + '</td>\n' +
    //                     ' <td>' + data[i].role + '</td>\n' +
    //                     '<td><button class="updateBtn">修改</button><button class="deleteBtn">删除</button></td></tr>';
    //             }
    //             $('#userTable').append(str)
    //         }
    //     })
    // })
})